<template>
  <view :class="className" class="empty-wrapper flex flex-column item-center">
    <image src="https://qiniu-bjjrzy.bjjrzy.com/bjupi/practice/cognPractice/empty.svg"/>
    <view class="msg" v-if="msg">{{ msg }}</view>
    <slot></slot>
  </view>

</template>
<script>
export default {
  name: "Empty",
  props: {
    msg: {
      type: String,
      default: "很抱歉，没有发现内容"
    },
    className: {
      type: String,
    }
  }
}
</script>
<style scoped lang="scss">
.empty-wrapper {
  image {
    width: 141.29px;
    height: 112px;
  }
  .msg{
    margin-top: 41px;
    font-size: 14px;
    color: #666666;
  }
}
</style>